body{
	padding-top:100px;
	padding-bottom:120px;
}
.nav_wrap{
	padding-top:12px;
	padding-bottom:13px;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background:#fff;
	z-index:10000;
}
.logo_link{
	display:inline-block;
	width:150px;
	height:45px;
	box-sizing: content-box;
}
.padding_top_12{
	padding-top:12px;
}
.tab{
	font-size:18px;
	color:#333;
	padding-left:25px;
	padding-right:25px;
}
.tab.active{
	background:none;
	color:rgba(16, 150, 219, 1);
	font-weight:bold;
}
.tab_login{
	margin-left:25px;
	border:1px solid #333;
	border-radius:23px;
}
.nav .tab:hover{
	background:none;
	color:rgba(16, 150, 219, 1);
	font-weight:bold;
}
.area{
	padding-top:100px;
}
.area .area_title{
	font-size:40px;
	font-weight:bold;
	color:#333;
	text-align:center;
	line-height:1em;
	height:1em;
}
.area .content_wrap{
	margin-top:84px;
}
.area .content_wrap .img-wrap{
	margin:0 96px;
}
.area .content_wrap .text-wrap{
	margin-top:40px;
}
.area .content_wrap .text-wrap .col-md-3{
	
}
.area .content_wrap .text-wrap .col-md-3 h5{
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	height:1em;
}
.area .content_wrap .text-wrap .col-md-3 p{
	margin-top:20px;
	line-height:1.5em;
	font-size:14px;
	color:#333;
	text-align:center;
}
.area_a .circle_wrap{
	height:400px;
}
.area_a .circle_wrap .row{
	height:200px;
}
.area_a .circle_wrap .row .col-md-3{
	display:flex;
	align-items: center;
	justify-content: center;
	height:100%;
}
.area_a .circle_wrap .row .col-md-3 .circle{
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	width:150px;
	height:150px;
	font-size:26px;
	line-height:150px;
	background:rgba(85, 142, 213, 1);
}
.area_a .circle_wrap .row .col-md-4{
	display:flex;
	align-items: center;
	justify-content: center;
	height:100%;
}
.area_a .circle_wrap .row .col-md-4 .circle{
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	width:150px;
	height:150px;
	font-size:26px;
	line-height:150px;
	background:rgba(85, 142, 213, 1);
}
.circle_1{
	animation:cir_move_1 5s infinite;
}
@keyframes cir_move_1{
	0% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
	50% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	100% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
}
.circle_2{
	animation:cir_move_2 5s infinite;
}
@keyframes cir_move_2{
	0% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	50% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
	100% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
}
.circle_3{
	animation:cir_move_3 4s infinite;
}
@keyframes cir_move_3{
	0% {background:rgba(141, 181, 227, 1);}
	50% {transform: scale(.6,.6);background:rgba(85, 142, 213, 1);}
	100% {background:rgba(141, 181, 227, 1);}
}
.circle_4{
	animation:cir_move_4 5s infinite;
}
@keyframes cir_move_4{
	0% {transform: scale(.8,.8);background:rgba(141, 181, 227, 1);}
	50% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	100% {transform: scale(.8,.8);background:rgba(141, 181, 227, 1);}
}
.circle_5{
	animation:cir_move_5 5s infinite;
}
@keyframes cir_move_5{
	0% {transform: scale(.8,.8);background:rgba(141, 181, 227, 1);}
	50% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	100% {transform: scale(.8,.8);background:rgba(141, 181, 227, 1);}
}
.circle_6{
	animation:cir_move_6 5s infinite;
}
@keyframes cir_move_6{
	0% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
	50% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	100% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
}
.circle_7{
	animation:cir_move_7 5s infinite;
}
@keyframes cir_move_7{
	0% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
	50% {transform: scale(.6,.6);background:rgba(141, 181, 227, 1);}
	100% {transform: scale(1,1);background:rgba(85, 142, 213, 1);}
}
.area_c .content_wrap{
	border-radius:100px;
	height:564px;
	box-shadow: 0px 0px 30px 6px rgba(36, 43, 47, 0.08);
	position:relative;
}
.area_c .content_wrap .swiper-wrapper{
	padding-top:130px;
	padding-bottom:130px;
}
.area_c .content_wrap .swiper-wrapper .swiper-slide{
	text-align:center;
}
.area_c .content_wrap .swiper-wrapper .swiper-slide .img-wrap{
	width:80px;
	height:80px;
	margin:0 auto;
}
.area_c .content_wrap .swiper-wrapper .swiper-slide .img-wrap img{
	width:80px;
	height:80px;
}
.area_c .content_wrap .swiper-wrapper .swiper-slide .slide-title{
	font-size:24px;
	font-weight:bold;
	color:rgba(102, 102, 102, 1);
}
.area_c .content_wrap .swiper-wrapper .swiper-slide p{
	margin-top:50px;
	line-height:1.5;
	font-size:14px;
	color:rgba(153, 153, 153, 1);
}
.area_c .content_wrap .text-wrap{
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:60px;
}
.area_c .row-wrap{
	width:100%;
	height:600px;
}
.area_c .row_bg-gray{
	background:rgba(245, 245, 245, 1);
}
.area_c .row-wrap .col-md-6{
	height:600px;
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}
.area_c .row-wrap .col-md-6 .col-wrap .col-title{
	color:rgba(16, 150, 219, 1);
	font-size:24px;
	font-weight:bold;
}
.area_c .row-wrap .col-md-6 .col-wrap p{
	margin-top:32px;
	color:rgba(136, 136, 136, 1);
	line-height:1.5;
	font-size:18px;
}
.area_c .row-wrap .col-md-6 img{
	width:600px;
	height:600px;
}
.area_d{
	padding-top:0;
}
.area_d .content_wrap .col-wrap{
	width:272px;
	height:394px;
	margin:0 auto;
}
.area_d .content_wrap .col-wrap img{
	width:100%;
	height:auto;
}
.area_d .content_wrap .col-wrap .title{
	color:rgba(48, 49, 61, 1);
	font-size:18px;
	line-height:2em;
	font-weight:bold;
	padding:0 20px;
}
.area_d .content_wrap .col-wrap p{
	color:rgba(48, 49, 61, 1);
	font-size:14px;
	line-height:2em;
	padding:0 20px;
}
.area_e .swiper-slide img{
	display:block;
	margin:10px auto;
}
.area_f .container{
	position:relative;
} 
.area_f .container a{
	position:absolute;
	bottom:76px;
	right:168px;
	width:208px;
	height:70px;
	line-height:70px;
	padding:0;
	border-radius:35px;
	background:#fff;
	border:none;
	color:rgba(102, 102, 102, 1);
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.area_f .container a:hover{
	text-decoration: none;
}
.bottom{
	margin-top:100px;
}
.bottom .row .col-md-5 ul{
	color:rgba(16, 150, 219, 1);
	height:30px;
	font-size:24px;
	font-weight:bold;
	list-style: none;
	overflow: hidden;
	padding-left:0;
}
.bottom .row .col-md-5 ul li{
	float:left;
	margin:0 4px;
}
.bottom .row .col-md-5 .copyright{
	margin-top:80px;
	color:rgba(41, 48, 52, 1);
	font-size:14px;
}
.bottom .row .col-md-2 img{
	display:block;
	width:150px;
	height:150px;
	margin:0 auto;
}
.bottom .row .col-md-5 .company_name{
	color:rgba(44, 44, 60, 1);
	font-size:24px;
	margin-bottom:20px;
}
.bottom .row .col-md-5 .zongbu{
	color:rgba(44, 44, 60, 1);
	font-size:18px;
}
.bottom .row .col-md-5 .zongbu .font-bold{
	font-weight:bold;
}
.bottom .row .col-md-5 .fenbu{
	color:rgba(44, 44, 60, 1);
	font-size:18px;
}
.bottom .row .col-md-5 .fenbu .font-bold{
	font-weight:bold;
}
.bottom .row .col-md-5 .mobile{
	margin-top:20px;
	color:rgba(44, 44, 60, 1);
	font-size:24px;
}

html,body.yuyue_page{
	height:100%;
	padding-bottom:0;
	padding-top:0;
}
.yuyue_page .bg {
	width:100%;
	height:100%;
	background:url(../img/pc.jpg) no-repeat center;
	background-size: 100% 100%;
	display:flex;
	align-items: center;
	justify-content: center;
}
.yuyue_page .bg .content-wrap .top_title{
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:bold;
}